@import 'variable.less';
@import 'theme.less';
body,
html {
    line-height: 1;
    font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', Arial, Sans-Serif, 'Droid Sans Fallback';
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

html,
body {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}

body .weui-loading_toast .weui-toast {
    position: fixed;
    z-index: 5001;
    width: 7.6em;
    /* min-height: 7.6em; */
    /* top: 180px; */
    /* left: 50%; */
    margin-left: -3.8em;
    background: rgba(17, 17, 17, 0.7);
    text-align: center;
    border-radius: 5px;
    color: #FFFFFF;
    width: 100vw;
    height: 100vh;
    top: 0;
}

body .weui-loading_toast .weui-icon_toast.weui-loading {
    margin-top: 40vh;
}

.button-wrapper {
    margin: 10px;
}

.ad {
    display: none;
}

@main_color: @button-primary-bg-color;
.add-icon {
    fill: @main_color;
}

#app .weui-cells_checkbox .weui-check:checked+.weui-icon-checked:before {
    color: @main_color;
}

#app .weui-wepay-flow__info-top:after {
    border-color: @main_color transparent transparent transparent;
}

#userinfo .weui-form-preview__btn_primary {
    color: @main_color;
}

.fa {
    color: @main_color; //font-size: 28px;
}

#app .dot {
    background-color: @main_color;
}

#app .flexwrapper .content .time {
    color: @main_color;
}

#app .footer .vux-cell-primary .vux-label {
    color: @main_color;
}

#signup .card-demo-flex span {
    color: @main_color;
}

#app [class^="weui-wepay-flow__info-"] {
    background-color: @main_color;
}

#app .weui-wepay-flow__li_done .weui-wepay-flow__state {
    background-color: @main_color;
}

#app .weui-wepay-flow__process {
    background-color: @main_color;
}

#app .weui-tabbar {
    background-color: @main_color;
    .weui-tabbar__label {
        color: white;
    }
}

#app {
    .vux-header {
        background-color: @main_color;
    }
    .left-arrow::before {
        border: 1px solid #fff;
        border-width: 1px 0 0 1px;
    }
    .vux-header-right a {
        color: #fff
    }
}

#app #x-bottom .vux-header .vux-header-left {
    color: #fff;
}

#app .vux-check-icon>.weui-icon-success:before,
.vux-check-icon>.weui-icon-success-circle:before {
    color: white;
}

#header {
    max-width: 850px;
    position: relative;
}

#mycard .weui-cells__title {
    padding: 14px 15px 10px;
    color: #999999;
    font-size: 13px;
    position: relative;
    margin: 0;
    margin-top: 5px
}

#mycard h4 {
    font-weight: 400;
    font-size: 17px;
}

body .vux-x-input {
    background: #FFF;
}

#type_baoming img {
    width: 100%;
    max-width: 100%
}

.address .el-input__inner {
    border: none;
}

.address {
    input {
        text-align: right;
    }
    .el-cascader__label {
        width: auto;
    }
}

.address .el-cascader .el-icon-arrow-down.is-reverse {
    transform: rotateZ(-90deg);
}

.address .el-cascader .el-icon-arrow-down {
    transform: rotateZ(-90deg);
    color: #c8c8cd;
    font-size: 16px;
    font-weight: bold;
}

.address .el-input__suffix {
    right: -9px;
}

.address .el-input--suffix .el-input__inner {
    padding-right: 20px;
}

.pc_date_select input {
    border: 0;
    text-align: right;
}

.el-input__prefix {
    display: none;
}

.pc_date_select .el-input--suffix .el-input__inner {
    padding-right: 10px;
}

.pc_date_select {
    .el-input__suffix::before {
        content: " ";
        display: inline-block;
        height: 6px;
        width: 6px;
        border-width: 2px 2px 0 0;
        border-color: #C8C8CD;
        border-style: solid;
        -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
        transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
        position: relative;
        top: -2px;
        position: absolute;
        top: 50%;
        right: -5px;
        margin-top: -4px;
    }
    .el-input__icon {
        display: none
    }
}

//底部按钮样式
.vux-popup-mask.vux-popup-show {
    max-width: 850px;
    margin: 0px auto;
    left: auto;
}

.v-transfer-dom .vux-popup-bottom {
    max-width: 850px;
    margin: 0px auto;
    left: auto;
}

.button_header .vux-header-title-area {
    color: white;
    text-align: center;
    line-height: 40px;
}

#app .weui-actionsheet {
    max-width: 850px;
    margin: 0 auto;
}

#app .weui-mask_transparent {
    max-width: 850px;
    margin: 0 auto;
}

#app .weui-actionsheet {
    left: auto
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

//头部字号
.vux-header-title-area{
    font-size: 18px;
}






#form .gender .vux-no-group-title span{
    line-height: 44px;
    float: left;
    max-width: 6em;
    text-align: left;
    padding-left: 15px;
}


#form .gender .vux-checker-box{
    display: inline-block;
    padding-right: 0;
    text-align: right;
    margin-top: 6px;
    max-width: 60%;
    float: right;
    vertical-align: middle;
}


body .weui-toast_text .weui-toast__content{
    padding-left: 15px;
    padding-right: 15px;
}

/*PC*/

@media screen and (min-width:960px) {
    #app #my-circle-meun {
        position: fixed;
        bottom: 56px;
        z-index: 99;
        left: auto;
    }
}